<!-- 写html -->
<template>
  <!-- 务必看懂下面这一行代码 -->
  <!-- <h2 a="1+1" :b="1 + 1" c="x" :d="x">测试</h2> -->

  <Person a="哈哈" />
  <!-- 测试Person.vue中的默认值的作用 -->

  <!-- <Person a="哈哈" :list="PersonList" />  -->
</template>

<!-- 写js或ts -->
<script lang="ts" setup name="App">
  import { reactive } from "vue";
  import Person from "./components/Person.vue";
  import { type Persons } from "@/types";

  let x = 9;

  let PersonList = reactive<Persons>([
    { id: "Java01", name: "张三", age: 33 },
    { id: "Java02", name: "李四", age: 44 },
    { id: "Java03", name: "王五", age: 55 },
  ]);
</script>

<!-- 写css -->
<style></style>
